<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-14 14:03:07
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-01 19:27:32
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\update-freight\\update-freight.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 90, grid: { span: 24 } } }" [button]="'none'"> 
  <ng-template sf-template="freightPrice" let-i let-ui="ui">
    <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
      <input
        nz-input
        type="number"
        min="0"
        step="0.01"
        [ngModel]="i.value"
        (ngModelChange)="i.setValue($event)"
        placeholder="请输入"
        (change)="changeNumVal()"
        oninput="if(value>99999)value=99999;if(value<0)value=0"
      />
    </nz-input-group>
    <ng-template #addOnAfterTemplate>
      <nz-select [ngModel]="sf.value.freightType" (ngModelChange)="sf.setValue('/freightType', $event)" [nzDisabled]="true">
        <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of freightTypeOptions"></nz-option>
      </nz-select>
    </ng-template>
  </ng-template>
</sf>
<nz-divider style="margin-top: 0"></nz-divider>
<div>
  <p style="font-size: 16px">
    <span style="font-weight: bolder"
      >总运费：<span style="color: #dc112a">{{ data.totalAmount |currency }}</span></span
    >
  </p>
  <p style="margin-bottom: 0"> 运输费：{{ data.totalFreight |currency }}，附加费：{{ data.totalSurcharge |currency}}</p>
</div>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)">确定</button>
</div>
